<template>
  <div class="unlogin">
    <img :src="require('@/assets/images/unlogin.png')" alt="" />
    <button @click="handleLogin">Go Login</button>
  </div>
</template>
<script>
export default {
  name: "UnLogin",
  data() {
    return {};
  },
  methods: {
    handleLogin() {
      this.$router.push("/login");
    },
  },
};
</script>
<style lang="less" scoped>
.unlogin {
  display: flex;
  flex-direction: column;
  height: 300px;
  justify-content: center;
  align-items: center;
  img {
    width: 200px;
    height: 200px;
  }
  button {
    width: 60%;
    height: 40px;
    background: #fb7924;
    border-radius: 6px;
    color: #fff;
    line-height: 40px;
    border: none;
    outline: none;
    cursor: pointer;
    margin-top: 40px;
    &:active {
      background: #e27e20;
    }
  }
}
</style>
